<template>
  <div>
    <el-button type="text" class="right">{{ $t('model.more') }}</el-button>
    <h5>{{ $t('model.trend') }}</h5>
    <div class="trend-group">
      <template v-for="trend in trendList">
        <li style="cursor:pointer">
          <p>{{ trend.title }}</p>
        </li>
      </template>
    </div>
  </div>
</template>

<script>
export default {
  name: "trend",
  data() {
    return {
      trendList: [],
    }
  },
  methods:{
    getList(){
      this.$post("/comProductQuestion/queryComProductQuestionByPage",{}).then(res => {
        
          this.trendList = res.data.list;
      })
    }
  },
  mounted(){
    this.getList()
  }
}
</script>

<style lang="scss" scoped>
.trend-group {
  overflow: hidden;
}
</style>